<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Video</title>
    <meta name="description" content="Video - A-Frame">
    <script src="../../../dist/aframe-master.js"></script>
  </head>
  <body>
    <a-scene stats>
      <a-assets>
        <video id="videoParis" preload="auto"
               src="https://ucarecdn.com/4130c599-445f-4e76-9052-49978e972641/"
               width="160" height="90" autoplay loop="true"
               crossOrigin="anonymous"></video>
        <video id="videoHypercube" preload="auto"
               src="https://ucarecdn.com/210dd043-dcd3-446d-9b36-ad19471f6273/"
               width="160" height="90" autoplay loop="true"
               crossOrigin="anonymous"></video>
      </a-assets>

      <!--
      SOURCE
      Title:  Paris Sunset - Timelapse (Public Domain)
      Author: Mythomen <https://vimeo.com/mythomen>
      URL:    https://vimeo.com/147309712
      -->
      <a-entity material="shader: flat; src: #videoParis"
                geometry="primitive: plane; width: 160; height: 90;"
                position="0 60 -250"
                rotation="0 35 0">
      </a-entity>

      <!--
      SOURCE
      Title:  Hypercube Study
      Author: Dan Allison <https://vimeo.com/danallison>
      URL:    https://vimeo.com/5081158
      -->
      <a-entity material="shader: flat; src: #videoHypercube"
                geometry="primitive: plane; width: 160; height: 90"
                position="0 -60 -200"
                rotation="0 -35 0">
      </a-entity>
    </a-scene>
  </body>
</html>
